<template>
  <h3>后代组件:{{money}}</h3>
  <button @click="payMoneyFn(100)">消费</button>
</template>

<script>
/* 
  目标：掌握使用provide函数和inject函数完成后代组件数据通讯
*/
import { inject } from 'vue'
export default {
  name:'Son1',
  setup(){
      // 接收祖先组件提供的数据
    // 🔔 inject 函数根据键名称获取到数据 
     // const value = inject('key')
      const money = inject('money')

      const payMoneyFn = inject('payMoneyFn')

      return {money,payMoneyFn}
  }
}
</script>

<style>

</style>